<!DOCTYPE html>
<html>

<head>
	<script src="index.js"></script>
	<style>
		.Inspector .loadingWrapper{
			display: flex;
			width: 100vw;
			height: 100vh;
			justify-content: center;
		}
		.Inspector .loadingMessage{
			color:white;
			display: flex;
			flex-grow: 0;
			align-self: center;
			font-size: 2em;
		}
	</style>
</head>

<body>
	<uxp-panel panelid="inspector">
		<div class="Inspector">
			<div class="loadingWrapper">
				<div class="loadingMessage">Loading...</div>
			</div>
		</div>
	</uxp-panel>

	<uxp-panel panelid="occultist">
		<div class="Occultist">
			<div class="loadingWrapper">
				<div class="loadingMessage">Loading...</div>
			</div>
		</div>
	</uxp-panel>

	<uxp-panel panelid="sorcerer">
		<div class="Sorcerer">
			<div class="loadingWrapper">
				<div class="loadingMessage">Loading...</div>
			</div>
		</div>
	</uxp-panel>
</body>

</html>
